html {
  color: $bodyColor;
  background: $bodyBgColor;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizelegibility;
  box-sizing: border-box;
  word-break: break-all;
}

input::-webkit-outehtmlr-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: transparent;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dd, ul, ol, h1, h2, h3, h4, input, textarea, p, button {
  margin: 0;
  padding: 0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
  font: 300 14px/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
}

/* 去掉各Table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 去除默认边框 */
img {
  border: 0;
  vertical-align: top;
  max-height: 100%;
  max-width: 100%;
}

/* 一致的 del 样式 */
del {
  text-decoration: line-through;
}

a {
  color: #333;
  text-decoration: none;
}

strong, b {
  font-weight: bold;
  color: #000;
}

em, i {
  font-style: normal;
  font-weight: 400;
}

/* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */
ul, ol {
  list-style: none;
}

button {
  border: none;
  outline: none;
  cursor: pointer;
}

input, textarea {
  outline: none;
}

textarea {
  resize: none;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* 强制文本换行 */
.textwrap, .textwrap td, .textwrap th {
  word-wrap: break-word;
  word-break: break-all;
}

.textwrap-table {
  table-layout: fixed;
}

h1, h2, h3, h4 {
  font-weight: normal;
}
